<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>闭包的学习</title>
    <meta charset="utf-8">
</head>
<body>
<script type="text/javascript">
    //第一种写法
    // function Circle(r) {
    //     this.r = r;
    // }
    //
    // Circle.PI = 3.14159;
    // Circle.prototype.area = function () {
    //     return Circle.PI * this.r * this.r;
    // }
    //
    // var c = new Circle(1.0);
    // alert(c.area())

    //第二种写法
    // var Circle = function () {
    //     var obj = new Object();
    //     obj.PI = 3.14159;
    //
    //     obj.area = function (r) {
    //         return this.PI * r * r;
    //     }
    //
    //     return obj;
    // }
    //
    // var c = new Circle();
    // alert(c.area(1.0))

    //第三种写法
    // var Circle = new Object();
    // Circle.PI = 3.14159;
    // Circle.Area = function (r) {
    //     return this.PI * r * r;
    // }
    //
    // alert(Circle.Area(2.0))

    //第四种写法
    // var Circle = {
    //     'PI':3.14159,
    //     'Area':function (r) {
    //         return this.PI * r * r;
    //     }
    // }
    //
    // alert(Circle.Area(3.0))


    //js中常用的prototype

    var dom = function () {

    };

    //静态方法
    dom.Show = function () {
        alert("Show Message");
    }

    //非静态方法
    dom.prototype.Display = function () {
        alert("Property Message");
    }

    dom.Show();
    var d = new dom();
    d.Display();
</script>
</body>
</html>